<%@page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
<%@taglib prefix="ui" tagdir="/WEB-INF/tags/UI"%>
<!DOCTYPE html>
<html>
<head>
<ui:baseHeader title="个人中心"></ui:baseHeader>
<link href="<%=request.getContextPath()%>/imagearea/css/imgareaselect-animated.css" rel="stylesheet">
<style type="text/css">
	.personinfo .nav li {
		border-bottom: 1px solid rgba(0, 0, 0, 0.3);
	}
	
	.page-header {
		margin-top: 0px;
		padding-bottom: 10px;
	}
	
	textarea {
		height: 50px;
		width: 560px;
		resize: none;
	}
	
	.actiongroup {
		float: right;
		position: relative;
		margin-top: -40px;
		margin-right: 5px;
		display: none;
	}
</style>
</head>
<body>
	<ui:navigation index="6" />
	<div class="container">
		<div class="row">
			<div class="span2 personinfo">
				<div class="thumbnail">
					<img width="160" height="180" src="<%=request.getContextPath() + "/upload/personal/79_avatar_middle.jpg"%>" />
				</div>
				<ul class="nav">
					<li><a href="#">上传头像</a></li>
					<li><a href="#">编辑个人资料</a></li>
					<li><a href="#">编辑人生格言</a></li>
					<li><a href="<%=request.getContextPath()%>/personal/album">相册</a></li>
				</ul>
				<div>
					<p>佚名:重伤使者</p>
					<p>佚名:重伤使者</p>
					<p>佚名:重伤使者</p>
					<p>佚名:重伤使者</p>
				</div>
			</div>
			<div class="span10">
				<div class="row">
					<div class="span6">
						<div>
							<form action="" id="shortmesform">
								<textarea maxlength="150" placeholder="写下你的心情..."></textarea>
								<dl class="actiongroup" id="actions">
									<dd>
										<a href="#" type="button" class="btn btn-success"> <i class="icon-pencil icon-white"></i> 提交
										</a>
									</dd>
								</dl>
							</form>
						</div>
						<div>
							<div class="page-header">
								<h4>新鲜事</h4>
							</div>
							<p>没有新鲜事</p>
						</div>
					</div>
					<div class="span4">
						<div>
							<div class="page-header">
								<h4>
									人生格言 <small>个人人生观价值观的体现</small>
								</h4>
							</div>
							<p>学而不思则罔,思而不学则殆</p>
						</div>
						<div class="section">
							<div class="page-header">
								<h4>日历</h4>
							</div>

						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<ui:baseFooter />
	<script src="<%=request.getContextPath()%>/imagearea/scripts/jquery.imgareaselect.min.js"></script>
	<script type="text/javascript">
		$("#shortmesform textarea").focus(function() {
			$("#actions").show();
		});

		$("#shortmesform textarea").blur(function() {
			$("#actions").hide();
		});
	</script>
</body>
</html>
